<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网易公开课</title>
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="headerFooter/headerFooter2.css"/>
		<link rel="stylesheet" type="text/css" href="loop/loop.css"/>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<header></header>
		<section>
			<div class="top">
				<div class="top_nav">
					<ul>
						<li>
							文学
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							数学
							<div class="top_nav_menu">
								<span>
									<a href="#">算术与代数预备课程：约数与倍数</a>
									<a href="#">印度理工学院联合入学考试</a>
									<a href="#">算术与代数预备课程：数的性质</a>
									<a href="#">算术与代数预备课程：负数对数</a>
									<a href="#">脑筋急转弯</a>
									<a href="#">加州标准测试：几何</a>
									<a href="#">算术与代数预备课程：乘法与除法</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">加州标准测试：代数I</a>
									<a href="#">算术与代数预备课程：计算顺序</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							哲学
							<div class="top_nav_menu">
								<span>
									<a href="#">黑格尔与精神现象学</a>
									<a href="#">康德的纯粹理性批判</a>
									<a href="#">人性的哲学与科学</a>
									<a href="#">古代智慧与当代爱情</a>
									<a href="#">公正</a>
									<a href="#">批判性推理入门</a>
									<a href="#">哲学概论</a>
									<a href="#">尼采的心灵与自然</a>
									<a href="#">死亡</a>
									<a href="#">政治哲学导论</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							语言
							<div class="top_nav_menu">
								<span>
									<a href="#">西班牙语学习</a>
									<a href="#">英语强化课程I</a>
									<a href="#">阿拉伯语入门</a>
									<a href="#">俄语入门</a>
									<a href="#">俄语语法</a>
									<a href="#">法语会话</a>
									<a href="#">日语入门</a>
									<a href="#">商务写作</a>
									<a href="#">西班牙语入门</a>
									<a href="#">英文写作基础</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							社会
							<div class="top_nav_menu">
								<span>
									<a href="#">汽车：过去、现在和未来</a>
									<a href="#">60秒脑筋急转弯</a>
									<a href="#">60秒系列讲座</a>
									<a href="#">普林斯顿名家讲坛</a>
									<a href="#">现代世界人口发展趋势与问题</a>
									<a href="#">LGBT大会</a>
									<a href="#">社会学入门</a>
									<a href="#">城市发展研讨会</a>
									<a href="#">立大志</a>
									<a href="#">公共政策学</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							历史
							<div class="top_nav_menu">
								<span>
									<a href="#">建筑史</a>
									<a href="#">三个超级大国的兴衰故事</a>
									<a href="#">中世纪早期史</a>
									<a href="#">1877年以来的美国史</a>
									<a href="#">亚伯拉罕·林肯两百周年纪念f</a>
									<a href="#">美国独立战争</a>
									<a href="#">美国研究</a>
									<a href="#">英国近代史</a>
									<a href="#">非裔美国人历史——自由斗争</a>
									<a href="#">美国内战与重建</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							商业
							<div class="top_nav_menu">
								<span>                          
									<a href="#">苹果CEO蒂姆·库克访谈</a>
									<a href="#">Instagram创始人分享创业经验</a>
									<a href="#">人力资源管理</a>
									<a href="#">eBay副总裁谈eBay发展</a>
									<a href="#">Dropbox公司CEO谈创业经历</a>
									<a href="#">美国艺电创始人谈创业过程</a>
									<a href="#">NVIDIA创始人谈企业发展过程</a>
									<a href="#">LinkedIn创始人分享创业经验</a>
									<a href="#">NVIDIA创始人谈企业发展过程</a>
									<a href="#">LinkedIn创始人分享创业经验</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							传媒
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							医学/健康
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							美术/建筑
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							工程技术
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							法律/政治
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							宗教
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							心理学
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							教学/学习
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
						<li>
							学校/机构
							<div class="top_nav_menu">
								<span>
									<a href="#">文学与形式</a>
									<a href="#">中国现当代女性文学专题</a>
									<a href="#">中国古典诗歌意象</a>
									<a href="#">《史记》人物形象</a>
									<a href="#">犯罪小说</a>
									<a href="#">骑士与少女</a>
									<a href="#">美国文学</a>
									<a href="#">海明威、菲茨杰拉德和福克纳</a>
									<a href="#">塞万提斯的堂吉诃德</a>
									<a href="#">解读但丁</a>
								</span>
								<span>
									<a href="#">查看更多</a>
								</span>
							</div>
						</li>
					</ul>
				</div>
				<div class="top_loop">
				</div>
			</div>
			<div class="center">
				<div class="center_content">
					<!--策划-->
					<div class="plan">
						<img src="img/home_special_qrcode.png"/>
						<div class="nav">
							<h2>公开课策划</h2>
							<span>
								<a>课随你变</a>
								<a>趣味课堂</a>
								<a>知识共享</a>
								<a>态度公开课</a>
							</span>
							<span>更多精彩原创内容 <a href="#">来戳一下 ></a></span>
						</div>
						<ul class="con">
						</ul>
					</div>
					<!--推荐-->
					<div class="recommend">
						<div class="nav">
							<h2>小编推荐</h2>
							<span>
								<a>TED</a>
								<a>牛津大学</a>
								<a>哈佛大学</a>
								<a>清华大学</a>
								<a>北京大学</a>
								<a>斯坦福大学</a>
							</span>
						</div>
						<ul class="con01">
						</ul>
						<ul class="con">
						</ul>
					</div>
					<!--猜你喜欢-->
					<div class="like">
						<div class="nav">
							<h2>猜你喜欢</h2>
							<span>
								登录后猜得更精准哦！
								<a>登录</a>
							</span>
							<span>
								更多精彩内容，点击
								<a>换一换!</a>
							</span>
						</div>
						<ul class="con">
						</ul>
					</div>
				</div>
			</div>
			<div class="bottom">
				<div class="content content1">
					<div class="left left1">
						<h2>TED</h2>
						<ul>
							<li><a href="#">首播</a></li>
							<li><a href="#">合集</a></li>
							<li><a href="#">艺术</a></li>
							<li><a href="#">心理</a></li>
							<li><a href="#">技能</a></li>
							<li><a href="#">医学</a></li>
							<li><a href="#">经济</a></li>
							<li><a href="#">环境</a></li>
							<li><a href="#">计算机</a></li>
						</ul>
						<a href="#">共1987门课程></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="content content2">
					<div class="left left2">
						<h2>国际名校公开课</h2>
						<ul>
							<li><a href="#">演讲</a></li>
							<li><a href="#">心理</a></li>
							<li><a href="#">政治</a></li>
							<li><a href="#">经济</a></li>
							<li><a href="#">艺术</a></li>
							<li><a href="#">宗教</a></li>
							<li><a href="#">历史</a></li>
							<li><a href="#">哲学</a></li>
							<li><a href="#">语言</a></li>
							<li><a href="#">文学</a></li>
						</ul>
						<a href="#">共476门课程></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="content content3">
					<div class="left left3">
						<h2>赏课</h2>
						<ul>
							<li><a href="#">探索未知</a></li>
							<li><a href="#">动植物</a></li>
							<li><a href="#">舌尖美食</a></li>
							<li><a href="#">视听盛宴</a></li>
							<li><a href="#">两性情感</a></li>
							<li><a href="#">冷知识</a></li>
						</ul>
						<a href="#">共1761门课程></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="content content4">
					<div class="left left4">
						<h2>演讲</h2>
						<ul>
							<li><a href="#">马云</a></li>
							<li><a href="#">比尔.盖茨</a></li>
							<li><a href="#">毕业演讲</a></li>
							<li><a href="#">罗永浩</a></li>
							<li><a href="#">特蕾莎修女</a></li>
							<li><a href="#">扎克伯格</a></li>
							<li><a href="#">乔布斯</a></li>
							<li><a href="#">奥巴马</a></li>
						</ul>
						<a href="#">共458门课程></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="content content5">
					<div class="left left5">
						<h2>中国大学视频公开课</h2>
						<ul>
							<li><a href="#">农林医药</a></li>
							<li><a href="#">工程技术</a></li>
							<li><a href="#">基础科学</a></li>
							<li><a href="#">经管法学</a></li>
							<li><a href="#">哲学历史</a></li>
							<li><a href="#">文学艺术</a></li>
						</ul>
						<a href="#">共1057门课程></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="content content6">
					<div class="left left6">
						<h2>可汗学院</h2>
						<ul>
							<li><a href="#">世界历史</a></li>
							<li><a href="#">数学逻辑</a></li>
							<li><a href="#">科学知识</a></li>
							<li><a href="#">金融经济</a></li>
							<li><a href="#">考试准备</a></li>
							<li><a href="#">人文艺术</a></li>
						</ul>
						<a href="#">共91门课程></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="content content7">
					<div class="left left7">
						<h2>云课堂</h2>
						<ul>
							<li><a href="#">语言学习</a></li>
							<li><a href="#">编程开发</a></li>
							<li><a href="#">办公效率</a></li>
							<li><a href="#">产品设计</a></li>
							<li><a href="#">生活方式</a></li>
							<li><a href="#">职业发展</a></li>
							<li><a href="#">市场营销</a></li>
							<li><a href="#">微专业</a></li>
						</ul>
						<a href="#">查看全部></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="content content8">
					<div class="left left8">
						<h2>中国大学MOOC</h2>
						<ul>
							<li><a href="#">中M考研</a></li>
							<li><a href="#">北京大学</a></li>
							<li><a href="#">浙江大学</a></li>
							<li><a href="#">哈工大</a></li>
							<li><a href="#">湖南大学</a></li>
							<li><a href="#">同济大学</a></li>
							<li><a href="#">武汉大学</a></li>
							<li><a href="#">山东大学</a></li>
							<li><a href="#">四川大学</a></li>
							<li><a href="#">台湾清华</a></li>
						</ul>
						<a href="#">查看全部></a>
					</div>
					<ul>
						<span></span>
					</ul>
				</div>
				<div class="vote">
					<span>投票决定翻译进度， <a href="#">我要投票</a></span>
				</div>
				<div class="course_source">
					<span>
						<h3>课程来源</h3>
						<p>网易公开课频道部分课程翻译转载自人人影视、TLF等网站对外免费发布的字幕素材，网易传播并保留其所有字幕版权信息，由衷感谢他们的贡献</p>
					</span>
					<div class="logo">
						<a href="#" title="万门大学"><img src="img/logo1.png"/></a>
						<a href="#" title="网易直播"><img src="img/logo2.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo3.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo4.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo5.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo6.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo7.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo8.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo9.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo10.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo11.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo12.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo13.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo14.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo15.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo16.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo17.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo18.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo19.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo20.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo21.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo22.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo23.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo24.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo25.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo26.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo27.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo28.png"/></a>
					</div>
				</div>
				<div class="cesource_sharing">
					<span>
						<h3>资源分享</h3>
						<p>我们的内容也将会在下列网站同步更新 欢迎订阅</p>
					</span>
					<div class="logo">
						<a href="#" title="Orange字幕组"><img src="img/logo29.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo30.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo31.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo32.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo33.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo34.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo35.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo36.png"/></a>
						<a href="#" title="Orange字幕组"><img src="img/logo37.png"/></a>
					</div>
				</div>
				<div class="contribution">
					<h3>＂网聚人的力量＂——真挚感谢以下为＂网易公开课＂公益事业做出贡献的同事（姓名按拼音排序）</h3>
					<br />
					<p>蔡雷厉、蔡迎东、曹智清、车璐、陈诚、陈德进、陈波、陈凡、陈衡鑫、陈鸿钦、陈晶晶、陈洁、陈峻、陈平、陈融、陈若萌、陈珊、陈陶陶、陈晔、陈朕裕、程磊、池德华、崔梦婕、崔奇凡、丁磊、丁讷、丁志君、董琳晶、董萍、董弈、杜靖、杜俐佼、樊小菲、范菲、范岩峰、方艾青、方晨露、方金德、冯枭、付琼、富晓敏、盖震宇、甘明、高飞飞、高洁、高远、高蕴暄、葛昱、顾寒松、巩晗、韩思萌、何宽、胡可人、胡焰钧、还振楠、黄晶、黄侔、黄铄宁、黄鑫、黄旭、黄烨婷、黄珍、纪莹、姜靖华、蒋忠波、金陈敏、劳汝洁、柳夫虎、李俊葵、李婧、李宽宽、李玲、李楠、李楠楠、李诗羽、李森、李伟、李伟伟、李向安、李鑫、李妍、郦扬、林静、林鸾飞、林宁、刘家强、刘婷婷、刘威、刘洋、刘有才、陆忠芳、吕德妍、罗群芳、罗威、马睿、马帅、孟凡红、莫斯聪、倪舒阳、潘瑞、泮一卫、钱小娜、任宁宁、戎晓政、沈羚君、申博、单佩佩、桑茹、邵余赟、孙赫楠、孙俪洛、孙建顺、孙志岗、宋雨明、汤天亮、万迷、王春燕、王聪、王恒冲、王季冬、王金钊、王菁菁、王磊、王天一、王威威、王鑫、王燕、汪莹、魏少华、魏雪银、吴海宁、吴彬彬、吴家朕、吴丽君、吴蔚、吴一冰、夏天宇、夏凝、肖航、肖浩廉、肖文进、谢俊伟、谢婷、谢守熠、谢昱、徐峰、徐敏江、徐诗、许珍、宣一扬、姚烨欢、杨超、杨烽亮、杨海、杨静、叶秉威、应文杰、于昊、余润泽、余琦、余阳鸥翔、原帅、曾智焱、战媛媛、张点点、张海林、张玲滢、张梦依、张锐、张舒、张文俊、张文姗、张秀娟、张雪妍、张晓蕾、张悦、张雁捷、张政、张紫薇、章跃平、赵璐、赵琴、赵斯达、赵英、郑聪聪、郑丽勤、郑沛峰、郑小群、仲彦学、周妙珍、周杏苑、周子昊、祝丹、祝田园、朱奇、朱然、朱晓钰、朱玺瑞</p>
				</div>
			</div>
			<div id="app_down">
				<img src="img/app_down.png"/>
				<span id="close"></span>
			</div>
		</section>
		<footer></footer>
	</body>
	<script src="js/jquery-1.11.0.js"></script>
	<script src="headerFooter/headerFooter2.js" type="text/javascript"></script>
	<script src="loop/loop.js" type="text/javascript"></script>
	<script type="text/javascript" src="li_Component/li_Component.js" ></script>
	<script type="text/javascript">
		createHeader({container:"header",index:0});
		createFooter({container:"footer"});
		createSuspend({container:"body"});
		var imgObj01 = {bigImg:"img/48b0889ec90c45a0892e40ffabd73e0f20171226162043.jpeg",backgroundColor:"#e5e8eb",smallImg:"img/0c8bdf4abc524c35b67e33357b289f0420171226162026.jpeg",span:{title:"赏课",titleColor:"#4ba3fc",h2:"所有封闭式教育都会死去",p:"公园式教育，这是什么教育呢？未来的教育又将是怎样的呢？"}}
		var imgObj02 = {bigImg:"img/2fd4e8efd2924df88925227073d0b40620171226160942.jpeg",backgroundColor:"#f3f4f8",smallImg:"img/5716a648e6604737b8ccdcd4fb6acd0f20171226153817.jpeg",span:{title:"赏课",titleColor:"#4ba3fc",h2:"“猪肝明目”是真的吗？",p:"科普中国：科学打脸实录系列"}}
		var imgObj03 = {bigImg:"img/7375cf42530b4e8d8a18f813642f25eb20171219161631.jpeg",backgroundColor:"#cfa867",smallImg:"img/285f43eaef144568b202b2c374682e6020171219154348.jpeg",span:{title:"赏课",titleColor:"#4ba3fc",h2:"数学能解释动物为什么会有条纹吗？",p:"一系列简单的数学规则解读动物身上的各种条纹。"}}
		var imgObj04 = {bigImg:"img/36a0d26936a6418f97df76635540154220171218183145.jpeg",backgroundColor:"#171e26",smallImg:"img/211893353cfc4f9ea59022a197b7d18920171218183129.jpeg",span:{title:"赏课",titleColor:"#4ba3fc",h2:"泰坦尼克号的最后一幕",p:"导演占士金马伦于二十年前推出电影《泰坦尼克号》，承诺故事贴近真实，并说他要为1912年的船难死者还原真相"}};
		var imgObj05 = {bigImg:"img/cdbdcfb6d18c42b4bf1ae581c79997bd20171218130013.png",backgroundColor:"#100604",smallImg:"img/9e41da71d6d4425fae7334d50b0332f920171218125933.jpeg",span:{title:"赏课",titleColor:"#4ba3fc",h2:"秦始皇帝的理想",p:"过去所有帝王走到另外一个世界带走的都是跟他个人生活有关系的"}}
		var imgObj06 = {bigImg:"img/61e2d80a0cf044f1bf447c1993d0be1220171214183202.jpeg",backgroundColor:"#c1b399",smallImg:"img/207328c01789487581b91f42e0806ad620171214183145.jpeg",span:{title:"赏课",titleColor:"#4ba3fc",h2:"皇室艺踪",p:"在英国的历史长卷中，除了弄权和战争，在英国皇室中源远流长的还有对艺术和美的追求。"}}
		var imgObj07 = {bigImg:"img/ed6f4bddb6e84fa2a7575a183679e41b20171214120202.jpeg",backgroundColor:"#c1b399",smallImg:"img/be99df050c084186851f7d6cb331952b20171214120145.jpeg",span:{title:"赏课",titleColor:"#4ba3fc",h2:"象牙游戏",p:"Netflix最新推出的一部纪录片深入揭露了象牙贸易。"}}
		
		var lis01 = [{text:"如何掌控你的自由时间",watch:"137.4万"},{text:"爱情应有的样子",watch:"86.9万"},{text:"请求的艺术",watch:"80.1万"},{text:"提升自信的技巧",watch:"65.0万"},{text:"什么是积极心理学？",watch:"59.8万"},{text:"提升英语听力的秘诀",watch:"53.3万"},{text:"马云斯坦福大学演讲：想法与技术可以改变世界",watch:"52.0万"},{text:"机器学习的动机与应用",watch:"51.3万"},{text:"导论：王阳明与阳明心学有的样子",watch:"40.5万"},{text:"如何成为一个更好的交谈者?",watch:"36.1万"}];
		var lis02 = [{text:"[科普微视频]14-发生煤气泄漏怎么办",watch:"120.2万"},{text:"[科普微视频]13-读懂台风预警信号",watch:"96.9万"},{text:"[科普微视频]12-电视省电妙招",watch:"85.1万"},{text:"[科普微视频]11-碳生活环保小方法",watch:"60.0万"},{text:"[科普微视频]10-大雾天如何安全行车",watch:"55.8万"},{text:"[科普微视频]9-大蒜真能鉴别地沟油吗",watch:"50.3万"},{text:"[科普微视频]8-吃东西前注意保质期",watch:"42.0万"},{text:"[科普微视频]7-城市内涝时如何避险自救",watch:"41.3万"},{text:"[科普微视频]6-踩踏事件中应如何自救",watch:"40.5万"},{text:"[科普微视频]4-补钙过量可能会导致肾",watch:"36.1万"}];
		var rightObj01 = {
			title:"热门排行",
			lis:lis01
		};
		var rightObj02 = {
			title:"最新课程",
			lis:lis02
		};
		var rightList = [rightObj01,rightObj02];
		
		var imgObjs = [imgObj01,imgObj02,imgObj03,imgObj04,imgObj05,imgObj06,imgObj07];
		var obj = {imgObjs:imgObjs,rightList:rightList,container:".top_loop"};
		createLoop(obj);
		
		var li01={img_span:"课随你变",imgPath:"img/image(1).jpg",img_title:"",h3:"女人这个物种",p:"让人欢喜让人忧",watch_img:"",watch_text:""}
		var li02={img_span:"课随你变",imgPath:"img/image(2).jpg",img_title:"",h3:"中国人民解放军建军90周年",p:"历数中国人民解放军建军历程的经典战役，向解放军战士们致敬！耀我军威！",watch_img:"",watch_text:""}
		var li03={img_span:"课随你变",imgPath:"img/image(3).jpg",img_title:"",h3:"好好生活，不管世界怎样荒凉",p:"生活不可能像你想象得那么好，但绝不会像你想象得那么糟。",watch_img:"",watch_text:""}
		var li04={imgPath:"img/image(4).jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康",watch_img:"img/viewCountIcon.png",watch_text:"150.7万"}
		var li05={imgPath:"img/image(5).jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生",watch_img:"img/viewCountIcon.png",watch_text:"34.3万"}
		var li06={imgPath:"img/image(6).jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？",watch_img:"img/viewCountIcon.png",watch_text:"53.2万"}
		var li07={imgPath:"img/image(7).jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚",watch_img:"img/viewCountIcon.png",watch_text:"62.2万"}
		var li08={imgPath:"img/image(8).jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气",watch_img:"img/viewCountIcon.png",watch_text:"85.7万"}
		var li09={imgPath:"img/image(9).jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀",watch_img:"img/viewCountIcon.png",watch_text:"75.4万"}
		var li10={imgPath:"img/image(10).jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临",watch_img:"img/viewCountIcon.png",watch_text:"276.9万"}
		var li11={imgPath:"img/image(11).jpg",img_title:"不敢直视未来",h3:"未来一百年妆容演变",watch_img:"img/viewCountIcon.png",watch_text:"118.9万"}
		var li12={imgPath:"img/image(12).jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生",watch_img:"img/viewCountIcon.png",watch_text:"33.7万"}
		var li13={imgPath:"img/image(13).jpg",img_title:"",h3:"怎样让自己学得更快？",p:"",watch_img:"",watch_text:""}
		var li14={imgPath:"img/image(14).jpg",img_title:"",h3:"【TED】我们为什么会笑？",p:"",watch_img:"",watch_text:""}
		var li15={imgPath:"img/image(15).jpg",img_title:"",h3:"你知道成为一名模特有多艰难吗？",p:"",watch_img:"",watch_text:""}
		var li16={imgPath:"img/image(16).jpg",img_title:"",h3:"麻省理工学院公开课：人工智能",p:"",watch_img:"",watch_text:""}
		var li17={imgPath:"img/image(17).jpg",img_title:"",h3:"[TEDxSuzhou]韩雪：积极的悲观主义者",p:"",watch_img:"",watch_text:""}
		var li18={imgPath:"img/image(18).jpg",img_title:"",h3:"提升英语听力的秘诀",p:"",watch_img:"",watch_text:""}
		
		var lis01=[li01,li02,li03];
		createComponent({container:"section .center .center_content .plan>ul",lis:lis01,img_width:270,img_height:150});
		
		var lis02_1=[li04];
		createComponent({container:"section .center .center_content .recommend .con01",lis:lis02_1,img_width:380,img_height:265});
		
		var lis02=[li05,li06,li07,li08,li09,li10,li11,li12];
		createComponent({container:"section .center .center_content .recommend .con",lis:lis02,img_width:180,img_height:100});
		
		var lis03=[li13,li14,li15,li16,li17,li18];
		createComponent({container:"section .center .center_content .like>ul",lis:lis03,img_width:180,img_height:100});
		
		
		var liContent01_1={imgPath:"img/content1_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent01_2={imgPath:"img/content1_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent01_3={imgPath:"img/content1_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent01_4={imgPath:"img/content1_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent01_5={imgPath:"img/content1_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent01_6={imgPath:"img/content1_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent01_7={imgPath:"img/content1_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		var liContent02_1={imgPath:"img/content2_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent02_2={imgPath:"img/content2_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent02_3={imgPath:"img/content2_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent02_4={imgPath:"img/content2_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent02_5={imgPath:"img/content2_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent02_6={imgPath:"img/content2_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent02_7={imgPath:"img/content2_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		var liContent03_1={imgPath:"img/content3_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent03_2={imgPath:"img/content3_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent03_3={imgPath:"img/content3_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent03_4={imgPath:"img/content3_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent03_5={imgPath:"img/content3_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent03_6={imgPath:"img/content3_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent03_7={imgPath:"img/content3_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		var liContent04_1={imgPath:"img/content4_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent04_2={imgPath:"img/content4_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent04_3={imgPath:"img/content4_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent04_4={imgPath:"img/content4_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent04_5={imgPath:"img/content4_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent04_6={imgPath:"img/content4_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent04_7={imgPath:"img/content4_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		var liContent05_1={imgPath:"img/content5_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent05_2={imgPath:"img/content5_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent05_3={imgPath:"img/content5_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent05_4={imgPath:"img/content5_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent05_5={imgPath:"img/content5_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent05_6={imgPath:"img/content5_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent05_7={imgPath:"img/content5_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		var liContent06_1={imgPath:"img/content6_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent06_2={imgPath:"img/content6_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent06_3={imgPath:"img/content6_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent06_4={imgPath:"img/content6_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent06_5={imgPath:"img/content6_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent06_6={imgPath:"img/content6_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent06_7={imgPath:"img/content6_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		var liContent07_1={imgPath:"img/content7_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent07_2={imgPath:"img/content7_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent07_3={imgPath:"img/content7_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent07_4={imgPath:"img/content7_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent07_5={imgPath:"img/content7_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent07_6={imgPath:"img/content7_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent07_7={imgPath:"img/content7_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		var liContent08_1={imgPath:"img/content8_image1.jpg",img_title:"你是哪种体型？",h3:"体型决定着你的健康"}
		var liContent08_2={imgPath:"img/content8_image2.jpg",img_title:"瘟疫医生的鸟嘴面具",h3:"17世纪的瘟疫医生"}
		var liContent08_3={imgPath:"img/content8_image3.jpg",img_title:"可怕的马桶圈！",h3:"公共厕所的马桶脏吗？"}
		var liContent08_4={imgPath:"img/content8_image4.jpg",img_title:"记录珊瑚礁的消失",h3:"追逐珊瑚"}
		var liContent08_5={imgPath:"img/content8_image5.jpg",img_title:"云层背后的“刀光剑影”",h3:"狂野天气"}
		var liContent08_6={imgPath:"img/content8_image6.jpg",img_title:"外国孩子的随意成长",h3:"19岁少年锻造大马士革刀"}
		var liContent08_7={imgPath:"img/content8_image7.jpg",img_title:"生活可以继续繁盛扩张",h3:"当死亡降临"}
		
		
		var lisContent01_1=[liContent01_1];
		createComponent({container:"section .bottom .content1>ul>span",lis:lisContent01_1,img_width:380,img_height:265});
		
		var lisContent01=[liContent01_2,liContent01_3,liContent01_4,liContent01_5,liContent01_6,liContent01_7];
		createComponent({container:"section .bottom .content1>ul",lis:lisContent01,img_width:180,img_height:100});
		
		var lisContent02_1=[liContent02_1];
		createComponent({container:"section .bottom .content2>ul>span",lis:lisContent02_1,img_width:380,img_height:265});
		
		var lisContent02=[liContent02_2,liContent02_3,liContent02_4,liContent02_5,liContent02_6,liContent02_7];
		createComponent({container:"section .bottom .content2>ul",lis:lisContent02,img_width:180,img_height:100});
		
		var lisContent03_1=[liContent03_1];
		createComponent({container:"section .bottom .content3>ul>span",lis:lisContent03_1,img_width:380,img_height:265});
		
		var lisContent03=[liContent03_2,liContent03_3,liContent03_4,liContent03_5,liContent03_6,liContent03_7];
		createComponent({container:"section .bottom .content3>ul",lis:lisContent03,img_width:180,img_height:100});
		
		var lisContent04_1=[liContent04_1];
		createComponent({container:"section .bottom .content4>ul>span",lis:lisContent04_1,img_width:380,img_height:265});
		
		var lisContent04=[liContent04_2,liContent04_3,liContent04_4,liContent04_5,liContent04_6,liContent04_7];
		createComponent({container:"section .bottom .content4>ul",lis:lisContent04,img_width:180,img_height:100});
		
		var lisContent05_1=[liContent05_1];
		createComponent({container:"section .bottom .content5>ul>span",lis:lisContent05_1,img_width:380,img_height:265});
		
		var lisContent05=[liContent05_2,liContent05_3,liContent05_4,liContent05_5,liContent05_6,liContent05_7];
		createComponent({container:"section .bottom .content5>ul",lis:lisContent05,img_width:180,img_height:100});
		
		var lisContent06_1=[liContent06_1];
		createComponent({container:"section .bottom .content6>ul>span",lis:lisContent06_1,img_width:380,img_height:265});
		
		var lisContent06=[liContent06_2,liContent06_3,liContent06_4,liContent06_5,liContent06_6,liContent06_7];
		createComponent({container:"section .bottom .content6>ul",lis:lisContent06,img_width:180,img_height:100});
		
		var lisContent07_1=[liContent07_1];
		createComponent({container:"section .bottom .content7>ul>span",lis:lisContent07_1,img_width:380,img_height:265});
		
		var lisContent07=[liContent07_2,liContent07_3,liContent07_4,liContent07_5,liContent07_6,liContent07_7];
		createComponent({container:"section .bottom .content7>ul",lis:lisContent07,img_width:180,img_height:100});
		
		var lisContent08_1=[liContent08_1];
		createComponent({container:"section .bottom .content8>ul>span",lis:lisContent08_1,img_width:380,img_height:265});
		
		var lisContent08=[liContent08_2,liContent08_3,liContent08_4,liContent08_5,liContent08_6,liContent08_7];
		createComponent({container:"section .bottom .content8>ul",lis:lisContent08,img_width:180,img_height:100});
		
		var $app_down = $("#app_down");
		$("#close").click(function(){
			$app_down.css("display","none");
		});
	</script>
</html>
